<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">
      
 <head>
 
 <title>Trabalhando com Facelets </title>
 
 <style>
 #cadastro{
	margin:0;
	display:block;
	position: relative;
	height: auto;
	float: left;
	padding-bottom: 10px;
}

#cadastro fieldset{
	padding-left: 25px;
	border: solid #CCCCCC 1px;
	margin: 0 auto;
	text-align: left;
	width: 350px;
	padding-bottom: 25px;
}
#cadastro legend{
	font-weight: bold;
	font-size: 11pt;
	letter-spacing: 1px;
	padding-bottom: 10px;
}
html>body #cadastro legend{
	margin-bottom: 0px;
}
#cadastro .field{
	border-top: solid #333333 1px;
	border-left: solid #333333 1px;
	border-bottom: solid #CCCCCC 1px;
	border-right: solid #CCCCCC 1px;
	font-size: 13px;
	margin-bottom: 10px;
	color: #0E0659;
}
#cadastro label{
	display: block;
	width: 80px;
	float: left;
	color: #000;
	border-bottom: 1px solid #f1f1f1;
}

#cadastro .msg{
	padding-left: 5px;
}
 
 
 
 #cadastro fieldset {
	width:400px;
	margin:0;
	padding:5px;
}

#cadastro dd span{
	padding-left: 5px;
}

/*para mensagens globais*/
#cadastro ul li{
	list-style: none; 
}
 </style>
 
</head>


<body>
<form jsfc="h:form">
	   <div id="cadastro">
            <fieldset>
	            <legend>Cadastro</legend> 

	            <label jsfc="h:outputLabel" for="nome">
	            	Nome:
	            </label>
    	        <input jsfc="h:inputText" type="text" id="nome" 
    	        		value="#{controle.cadastro.nome}" 
    	        		styleClass="field" required="true"  />
    	        <span jsfc="h:message" for="nome" styleClass="msg"></span>		
	            <br />
    	        <label jsfc="h:outputLabel" for="email">
    	        	E-mail:
    	        </label>
    	        <input jsfc="h:inputText" type="text" id="email" 
    	        		value="#{controle.cadastro.email}"
    	        		styleClass="field" required="true"  />
    	        <span jsfc="h:message" for="email" styleClass="msg"></span>		
				<br />
    	        <label jsfc="h:outputLabel" for="telefone">
    	        	Telefone:
    	        </label>
    	        <input jsfc="h:inputText" type="text" id="telefone" 
    	        		value="#{controle.cadastro.telefone}"
    	        		styleClass="field" required="true" size="9"  />
    	        <span jsfc="h:message" for="telefone" styleClass="msg"></span>		
	            <br />

	            <br />
	            <input jsfc="h:commandButton" type="submit" 
	            		action="#{controle.salvar}"
	            		id="confirmar" value="Salvar"/>
            </fieldset>           
	    </div>
</form>
 </body>     
      
      
      
</html>